<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="500.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>欢迎光临猫眼电影</title>
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/common.css">
  <!-- 小图标 -->
  <link rel="icon" href="css/favicon.ico" type="image/x-icon" />
  <script src="js/jquery-1.12.4.js"></script>
</head>
<script>
</script>
<body>
  	<!-- 头部 -->
	<div class="header">
    	<div class="header-inner">
	      	<h1>
	        	<a href="index.html" class="logo">太平洋影城</a>
	      	</h1>
      		<div class="nav">
	        	<ul class="navbar">
		          	<li>
		            	<a href="index" class="active">首页</a>
		          	</li>
	          		<li>
	            		<a href="hotFilm.do">电影</a>
	          		</li>
	          		<li>
	            		<a href="#">影院</a>
	          		</li>
	          		<li>
	            		<a href="#">演出</a>
	          		</li>
		          	<li>
		            	<a href="billboard.do">榜单</a>
		          	</li>
	          		<li>
	            		<a href="#">热点</a>
	          		</li>
	          		<li>
	            		<a href="#">商城</a>
	          		</li>
	        	</ul>
      		</div>
      		<div class="user-info">
        		<div class="user-avatar J-login">
	          		<c:choose>
	       				<c:when test="${sessionScope.userLogin !=null}">
	         				<img src="${sessionScope.userLogin.uImg}">
	       				</c:when>
	       				<c:otherwise>
	         				<img src="img/top_img/default_head.png">
	       				</c:otherwise>
	     			</c:choose>
	     			<span class="caret"></span>
	     			<c:choose>
	       				<c:when test="${sessionScope.userLogin !=null}">
	         				<ul class="user-menu yes-login-menu">
					           	<li class="text">
					             	<a href="order.do?uid=${sessionScope.userLogin.uId}">我的订单</a>
					           	</li>
					           	<li class="text login-name" >
					             	<a href="userEssential.do?uId=${sessionScope.userLogin.uId}">基本信息</a>
					           	</li>
					           	<li class="text">
					             	<a href="exit.do" class="J-logout">退出登录</a>
					           	</li>
	         				</ul>
	       				</c:when>
				       	<c:otherwise>
				         	<ul class="user-menu no-login-menu">
					           	<li>
					           		<a href="login.jsp">登录</a>
					           	</li>
				         	</ul>
				       	</c:otherwise>
	     			</c:choose>
      			</div>
    		</div>
		    <form action="searchFilm.do" method="post" class="search-form">
		      	<input name="kw" class="search" type="search" maxlength="32" placeholder="找影视剧、影人、影院">
		      	<input class="submit" type="submit" value="">
		    </form>
    		<div class="app-download">
		      	<a href="#">
		        	<span class="iphone-icon"></span>
		        	<span class="apptext">APP下载</span>
		        	<span class="caret"></span>
		        	<div class="download-icon">
		          		<p class="down-title">扫码下载APP</p>
		          		<p class="down-content">选座更优惠</p>
		        	</div>
		      	</a>
    		</div>
  		</div>
	</div>
  <!-- 轮播图 -->
  <div class="banner">
    <ul class="banner_box">
      <li class="img_show">
        <a href="#">
          <img src="img/banner_img/banner_1.jpg">
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img/banner_img/banner_2.jpg">
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img/banner_img/banner_3.jpg">
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img/banner_img/banner_4.jpg">
        </a>
      </li>
      <li>
        <a href="#">
          <img src="img/banner_img/banner_5.jpg">
        </a>
      </li>
    </ul>
    <div class="btn-left changBannerBtn"></div>
    <div class="btn-right changBannerBtn"></div>
    <div class="bottom_box">
      <ul>
        <li>
          <a href="#">正在热映</a>
        </li>
        <li>
          <a href="#">即将上映</a>
        </li>
        <li>
          <a href="#">影城公告</a>
        </li>
        <li>
          <a href="#">影院环境</a>
        </li>
      </ul>
    </div>
  </div>
  <!-- body -->
  <div class="film_body">

    <div class="context">
      <div class="title_com">

      </div>
      <div class="title_duing">
        <span class="span1">正在热映</span>
        <span class="span2"></span>
      </div>
    </div>

    <div class="content">
      <div class="moduleBox">
        <div class="products_com">
          <ul class="uls" id="uls">
            <c:forEach items="${sessionScope.hotFilm}" var="film">
              <li class="img_li">
                <div class="img_div">
                                      <span>
                                          <a href="selectOneFilm.do?filmId=${film.filmId}">
                                              <img class="imagess" src="${film.filmImg}" alt="">

                                          </a>
                                      </span>
                </div>
                <div class="div_filmName">
                  <div class="films_div">
                    <a href="selectOneFilm.do?filmId=${film.filmId}"><span>${film.filmName }</span></a>
                  </div>
                </div>
              </li>


            </c:forEach>
            <c:forEach items="${sessionScope.hotFilm}"  begin="0" end="3" var="film" step="1">
              <li class="img_li">
                <div class="img_div">
                                      <span>
                                          <a href="selectOneFilm.do?filmId=${film.filmId}">
                                              <img class="imagess" src="${film.filmImg}" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="div_filmName">
                  <div class="films_div">
                    <a href="selectOneFilm.do?filmId=${film.filmId}"><span>${film.filmName }</span></a>
                  </div>

                </div>
              </li>

            </c:forEach>
          </ul>
        </div>

        <div class="down_img">
          <div class="down_imgs">
                          <span id="down_spans" class="down_spans">
                              <img src="img/body_img/down.png" alt="">
                          </span>
            <span id="down_span" class="down_span">
                              <img src="img/body_img/downs.jpg" alt="">
                          </span>
          </div>
        </div>
      </div>
      <!-- 第二层 -->
      <div class="title_com">
        <div class="context">
          <div class="title_comss">

          </div>
          <div class="title_duing">
            <span class="span1">即将上映</span>
            <span class="span2"></span>
          </div>

        </div>
        <div class="moduleBox">
          <div class="products_coms">
            <ul class="uls" id="uls1">
              <c:forEach items="${sessionScope.showFilm}" var="film">
                <li class="img_li1">
                  <div class="img_div imgs_divs">
                                      <span>
                                          <a href="selectOneFilm.do?filmId=${film.filmId }">
                                              <img class="imagess" src="${film.filmImg}" alt="">
                                          </a>
                                      </span>
                  </div>
                  <div class="div_filmName">
                    <div class="films_div">
                      <a href="selectOneFilm.do?filmId=${film.filmId }"><span>${film.filmName }</span></a>
                    </div>

                  </div>
                </li>
              </c:forEach>
              <c:forEach items="${sessionScope.showFilm}"  begin="0" end="3" var="film" step="1">
                <li class = "img_li1">
                  <div class="img_div imgs_divs">
                                      <span>
                                          <a href="${film.filmId }">
                                              <img class="imagess" src="${film.filmImg}" alt="">
                                          </a>
                                      </span>
                  </div>
                  <div class="div_filmName">
                    <div class="films_div">
                      <a href="#"><span>${film.filmName }</span></a>
                    </div>

                  </div>
                </li>

              </c:forEach>

            </ul>
          </div>

          <div class="down_img1">
            <div class="down_imgs1">
                          <span id="down_spans1" class="down_spans">
                              <img src="img/body_img/down.png" alt="">
                          </span>
              <span id="down_span1" class="down_span1">
                              <img src="img/body_img/downs.jpg" alt="">
                          </span>
            </div>
          </div>
        </div>
      </div>
      <!-- 第三层 -->
      <div class="title_com_duing">
        <div class="context">
          <div class="title_comss">

          </div>
          <div class="title_duing">
            <span class="span1">影城活动</span>
            <span class="span2"></span>
          </div>
        </div>
        <div class="skin_model">
          <div class="formTabText">
            <div class="less_com">
              <ul>
                <li id="film1">影城活动</li>
                <li id="film2" class="active">电影咨询</li>
                <li id="film3">影城公告</li>
              </ul>
            </div>
            <div id="formTabContent" class="formTabContent">
              <div class="news_item">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@400.png" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">“魔童降世”后，“封神演义”成华语电影热门IP</a>
                                      </span>
                </div>
              </div>
              <div class="news_item">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/test.webp" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">《蕃薯浇米》：不动声色的悲悯和深情</a>
                                      </span>
                </div>
              </div>
              <div class="news_item">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@600.png" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">奥斯卡热门影片《1917》宣布引进内地
                                          </a>
                                      </span>
                </div>
              </div>
            </div>


            <div id="formTabContent1" class="formTabContent1">
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@700.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">六一活动童趣“太”精彩</a>
                                      </span>
                </div>
              </div>
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@800.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">五一活动“一分耕耘，几分过影”</a>
                                      </span>
                </div>
              </div>
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@900.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">猫眼电影电子卡会员全新上线！
                                          </a>
                                      </span>
                </div>
              </div>
            </div>

            <div id="formTabContent2" class="formTabContent2">
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@1000.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">招聘</a>
                                      </span>
                </div>
              </div>
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@1100.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">猫眼电影卡券延期通知</a>
                                      </span>
                </div>
              </div>
              <div class="news_item1">
                <div class="news_img">
                                      <span>
                                          <a href="">
                                              <img src="img/body_img/@1200.jpg" alt="">
                                          </a>
                                      </span>
                </div>
                <div class="news_text">
                                      <span>
                                          <a href="">猫眼电影关于恢复营业的通知
                                          </a>
                                      </span>
                </div>
              </div>
            </div>


          </div>
        </div>
      </div>
      <!-- 第四层 -->
      <div class="film_cinama">
        <div class="context">
          <div class="title_comsss">

          </div>
          <div class="title_duing">
            <span class="span1">影院环境</span>
            <span class="span2"></span>
          </div>
        </div>
        <div class="containor">
          <div class="daImg1">
            <div><img src="img/body_img/dyy1.jpg" alt=""></div>
            <div class="div1"><img src="img/body_img/dyy2.jpg" alt=""></div>
          </div>
          <div class="daImg">
            <img src="img/body_img/dyy3.jpg" alt="">
          </div>
          <div class="daImg2">
            <div><img src="img/body_img/ddy4.jpg" alt=""></div>
            <div class="div1"><img src="img/body_img/ddy5.jpg" alt="">
            </div>
          </div>
        </div>
      </div>
      <!-- 第五层 -->
      <div  class="film_info">
        <div class="context">
          <div class="title_comsss">

          </div>
          <div class="title_duing">
            <span class="span1">购票流程</span>
            <span class="span2"></span>
          </div>
        </div>
        <div class="process">
          <div class="spanws">
                         <span>
                             <img src="img/body_img/cx.png" alt="">
                         </span>
          </div>
          <div class="spanws">
            <span >查影讯</span>
          </div>
          <div class="spanws">
                          <span>
                             <img class="right_img" src="img/body_img/right.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             <img src="img/body_img/zw.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             选座位
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             <img class="right_img" src="img/body_img/right.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             <img src="img/body_img/ddzf.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             订单支付
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             <img class="right_img" src="img/body_img/right.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             <img src="img/body_img/qp.png" alt="">
                         </span>
          </div>
          <div class="spanws">
                          <span>
                             取票入场
                         </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  	<!-- 底部 -->
	<div class="footer">
    	<div class="content">
      		<div class="moduleBox">
        		<div class="informationBox">
          			<div class="copy_van">
            			<a class="ycgg" href="">
            				<span>影城公告</span>
            			</a>
            			<ul>
              				<li>影城公告</li>
            			</ul>
          			</div>
          			<div class="copy_van">
            			<a class="ycgg" href="">
            				<span>会员中心</span>
            			</a>
			            <ul>
			              	<li>加入会员</li>
			              	<li>会员活动</li>
			              	<li>会员优惠</li>
			            </ul>
          			</div>
          			<div class="copy_van">
            			<a class="ycgg" href="">
            				<span>影片资讯</span>
            			</a>
			            <ul>
			              	<li>正在热映</li>
			              	<li>即将上映</li>
			            </ul>
          			</div>
		          	<div class="copy_van">
		            	<a class="ycgg" href="">
		            		<span>影城活动</span>
		            	</a>
		            	<ul>
		              		<li>影城活动</li>
		              		<li>电影资讯</li>
		            	</ul>
		          	</div>
		          	<div class="copy_van">
		            	<a class="ycgg" href="">
		            		<span>关于我们</span>
		            	</a>
			            <ul>
			              	<li>影城介绍</li>
			              	<li>影院介绍</li>
			              	<li>联系我们</li>
			            </ul>
		          	</div>
        		</div>
        		<div class="abc">
          			<div class="textFloat">
            			<div class="erwei1">
                        	<span class="spans ">
                               	<img class="img1" src="img/foot_img/wxerweima.png" alt="">
                            </span>
              				<span class="spans spanss">
                            	<a href="">微信在线购票</a>
                            </span>
            			</div>
            			<div class="erwei2">
                            <span class="spans">
                        		<img class="img1" src="img/foot_img/xcx.jpg" alt="">
                            </span>
              				<span class="spans spanss">
                                <a href="">小程序在线购票</a>
                            </span>
            			</div>
          			</div>
        		</div>
        		<div class="right_information">
		          	<ul class="ul1">
		            	<li class="lis1">连锁热线：</li>
		            	<li class="lis2">400-850-3366</li>
		          	</ul>
		          	<ul class="ul1">
		            	<li class="lis3">官方微信：</li>
		            	<li class="lis4">搜索“猫眼电影”</li>
		          	</ul>
        		</div>
		        <div class="top_btn">
                    <span>
                       	<a href="javascript:void(0)" id="top">TOP</a>
                    </span>
		        </div>
      		</div>
	      	<div class="foot_text">
	       		<div class="foot"> 版权所有(C)猫眼电影投资有限公司　　技术支持：3-1-501</div>
      		</div>
    	</div>
  	</div>
</body>
<script src="js/common.js"></script>
<script src="js/body.js"></script>
</html>